<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>

    .container{
        width: 40%;
        margin: 20px auto;
    }
    .common{
        width:230px;
        height: 30px;
    }
    span{
        display:inline-block;
        width: 150px;

        text-align: right;
    }
    div{
        margin-bottom: 10px;
    }
   
    textarea{
        width:200px;
        height:120px;
    }
    </style>
</head>
<body>

    <form class="container">
    <!-- ********* Begin ********* -->
    <table>
        <div>
            <tr>
           <td> <span>用户名：</span></td>
            <td> <input type="text" class="com"/></td> 
            </tr>
        </div>
        <div>
            <tr>
            <td><span>密码：</span></td>
            <td><input type="password" class="com"/></td>
            </tr>
        </div>
    
        <div>
            <tr>
                <td><span>性别：</span></td>
                <td>
            <label for="male"></label>
            <input type="radio"  id="male" name="sex" /> 男
            <label for="female"></label>
            <input type="radio" id="female" name="sex"/>女
            <label for="other"></label>
            <input type="radio" id="other" name="sex" disabled="disabled"/>保密
                </td>
        </div>

    <div>
            <tr>
            <td><span>教育程度：<span></td>
             <td>   <select>
                <option>高中</option>
                <option>中专</option>
                <option>大专</option>
                <option selected="selected">本科</option>
                <option>硕士</option>
                <option>博士</option>
                <option>其他</option>
                </select>
                </td>
            </tr>
    </div>

     <div>
        <tr>
            <td><span>婚姻状况：</span></td>
            <td><input type="radio" name="marry" checked="checked"/>未婚  
            <input type="radio" name="marry"/>已婚</td>
        </tr>
    </div>

     <div>
         <tr>
            <td><span>兴趣爱好：</span></td>
            <td>
                <input type="checkbox" name="hobby" />踢足球  
                <input type="checkbox" name="hobby"/>打篮球
                <input type="checkbox" name="hobby" checked="checked"/>看电影
            </td>
         </tr>
    </div>
    <div>
        <tr>
            <td><span> 用一句话描述自己的特点：</span></td>
            <td>
                <textarea maxlength="20"></textarea>
            </td>
        </tr>
    </div>
    <div>
        <tr>
            <td><span>sdfg </span></td>
            <td><input type="submit" value="提交" width="10"/></td>
        </tr>
    </div>
    </table>
    </form>
<!-- ********* End ********* -->
</form>
</body>
</html>